<template>
	<div class="home">
		<el-container direction="vertical">
			<header-comp></header-comp>
			<el-main>
				<router-view></router-view>
			</el-main>
			<footer-comp></footer-comp>
		</el-container>
	</div>
</template>

<script>
// @ is an alias to /src
import HeaderComp from '@/components/HeaderComp.vue';
import FooterComp from '@/components/FooterComp.vue';

export default {
	name: 'HomeView',
	components: { HeaderComp, FooterComp },
};
</script>
<style lang="sass" scoped>
.header-comp
	width: 100%

.el-main
	width: 1200px
	margin: 20px auto
</style>
